<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		.content {
			display: flex;
			width:100%;
			/*justify-content: flex-start;*/
			/*justify-content:flex-end;*/
			justify-content: space-around;
/*			justify-content:space-between;*/
			
		}
		.item {
			width: 100px;
			height: 100px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			font-size: 30px;
		}
		.item1 {
			background-color:red;
		}
		.item2 {
			background-color: yellow;
		}
		.item3 {
			background-color: blue;
		}
		.item4 {
			background-color: green;
		}
	</style>
	<body>
		<div class="content">
			<div class="item1 item">1</div>
			<div class="item2 item">2</div>
			<div class="item3 item">3</div>
		</div>
	</body>
</html>
